<!--<div ng-controller="userRolesController">-->
<!--<div ng-controller="userRolesDetailsController">-->
<!-- contain BEGIN -->
    <div class="right-product right-full background-input animate-time" ng-class="{ true: 'right-full', false: 'right-off' }[isActive]">
    	<div class="relative">
        <div class="center-back right-back">
            
	        <!-- 顶部导航 BEGIN -->
	            <ul class="breadcrumb">
	                <li>
	                    <a ui-sref="home">
	                        <img class="breadcrumb-right-img-home" height="20px" src="../images/right-product/home.png">首页
	                    </a>
	                </li>
	                <li>
	                    <img class="breadcrumb-right-img" src="../images/public/right4.png">
	                </li>
	                <li>
	                    <a>角色管理</a>
	                </li>
	                <li>
	                    <img class="breadcrumb-right-img"src="../images/public/right4.png">
	                </li>
	                <li>
	                    <a class="active">角色组管理</a>
	                </li>
	            </ul>
	        <!-- 顶部导航 END -->
			<!-- 操作 BEGIN -->
                <div class="button-group">
                    <button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="#add">
                        <span class="glyphicon glyphicon-plus"></span> 新增
                    </button>
                    <button type="button" class="btn btn-default btn-md yellow" ng-click="deletes($event, $index)" >
                        <span class="glyphicon glyphicon-trash"></span> 批量删除
                    </button>

                    <div class="input-group pull-right search-width">
                        <input type="text" class="form-control search-input" placeholder="请输入需要检索的内容" ng-model="roles_search">
                        <span class="input-group-addon search-btn">
                        	<img src="../images/right-product/search.png">检索
                        </span>
                    </div>     
                </div> 
            <!-- 操作 END -->
            <div class="container-fluid">
                <div class="info-center">

                    <!-- 角色组列表内容 BEGIN -->
                        <div class="contain">
 
                            <div class="clearfix"></div>
                            <!-- 表格内容 BEGIN -->
                                <div class="table-margin">
                                	<div class="table-header">
	                                	<table class="table table-bordered table-header">
		                            		<thead>
		                                            <tr>
		                                                <td class="w5 text-center"><!--ng-click="all( tabVal)"-->
		                                                	<!--<checkboxcustom is-checked="master"></checkboxcustom>-->
		                                                    <input type="checkbox" ng-model="master" ng-click="all( tabVal)"  ng-checked="rolesisSelected(val.roleGroupId,val)">
		                                                </td>
		                                                
		                                                <td class="w10 text-left">序号</td>
		                                                <td class="w35 text-left">角色组名</td>
		                                                <td class="w40 text-left">描述</td>
		                                                <td class="w15 text-left">操作</td>
		                                            </tr>
		                                        </thead>
	                            		
	                            		</table>
	                            	</div>
	                            	<div class="table-body">
	                                    <table class="table table-bordered table-header overflow-table">
	                                        
	                                        <tbody class="no-border">
	                                            <tr ng-repeat="val in tabVal |orderBy:b+a | filter:roles_search" ng-class="{'active':$index%2!=0}">
	                                                <td class="w5 text-center">
	                                                	<!--<checkboxcustom is-checked="userscheck"></checkboxcustom>-->
	                                        			<input type="checkbox" ng-model="userscheck" id={{val.roleGroupId}} ng-checked="rolesisSelected(val.roleGroupId,val)" ng-click="rolesupdateSelection($event,val.roleGroupId,tabVal)" />
	                                        			
	                                                </td>
	                                                <td class="w10 text-left" ng-cloak>{{ $index+1 }}</td>
	                                                <td class="w35 text-center">
	                                                	<input type="text" class="form-control" selectline ng-model="tabVal[$index].roleGroupName"  ng-change = "roles_focus($index)">
	                                                </td>
	                                                <td class="w40 text-center">
	                                                	<input type="text" class="form-control" selectline ng-model="tabVal[$index].description"  ng-change = "roles_focus($index)">
	                                                </td>
	                                                <td class="w15 text-left icon-td">
	                                                	<span class="btn-i" ng-click="details($event,$index)">
	                                                		<img width="14px" src="../images/right-product/view.png">
	                                                	</span>
	                                                	<!--<span class="btn-i"  ng-click="edit($event,$index)">
	                                                		<img width="14px" src="../images/right-product/edit.png">
	                                                	</span>-->
	                                                   
	                                                    <!-- <i class="icon-delete"  ng-click="delete($event, $index)" data-toggle="modal" data-target="#delete"></i> -->
	                                                </td>
	                                            </tr>
	                                            <tr>
	                                                <td colspan="12" class="text-center" ng-hide="isNoData">暂无数据</td>
	                                            </tr>
	                                        </tbody>
	                                        <!--<tfoot ng-show="isNoData">
	                                            <tr>
	                                                <td colspan="12">
	                                                    <div class="pull-right">
	                                                        <nav>
	                                                            <tm-pagination conf="paginationConf"></tm-pagination>
	                                                        </nav>
	                                                    </div>
	                                                </td>
	                                            </tr>
	                                        </tfoot>-->
	                                    </table>
	                                </div>    
                                </div>
                            <!-- 表格内容 END -->
                        </div>
                    <!-- 角色组列表内容 BEGIN -->

                </div>
            	<div class="info-bottom">
	            	<div  ng-include="'public/tfoot.html'"></div>
	            </div>    
            </div>
        </div>
    </div>
</div>
<!-- contain END -->

<!--add-->
<div  ng-include="'user/roles/add.html'"></div>
<!--add end-->
<!--details-->
<div  ng-include="'user/roles/details.html'"></div>
<!--details end-->

<!-- 删除 BEGIN -->
    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="delete">
        <div class="modal-dialog delete-modal">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title text-center">删除警告</h4></div>
                <div class="modal-body text-center">
                	<p class="delete-prompt">请确认是否删除所选角色</p>
                </div>
                <div class="modal-footer">
                    <div class="col-md-6">
                        <button type="button" class="btn btn-default btn-fff" data-dismiss="modal">取消</button></div>
                    <div class="col-md-6">
                        <button type="button" class="btn btn-primary pull-left confirm-del-btn" ng-click="confirmDel()" data-dismiss="modal">确定</button></div>
                </div>
            </div>
        </div>
    </div>
<!-- 删除 END -->
<!--</div>-->
<!--</div>-->